<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>APP</title>
    <link rel="stylesheet" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/aui.css" />
    <link rel="stylesheet" href="../../css/common.css" />
    <link rel="stylesheet" href="../../css/login.css">
    <link rel="stylesheet" href="../../css/font/iconfont.css">
    <link rel="stylesheet" href="../../css/profile.css">
</head>
<body>
    <div id="wrap">
        <div id="main">
            <div class="plate">
            	<div class="profile_detail_container">
                <div class="help-group">
                    <div class="help-inner" tapmode="tap-active">
                    	<div class="frist-nav">
                    		<span class="btn-inner-text" menu="help1"></span>
                    		<i class="icon iconfont icon-gengduo1 more"></i>
                    	</div>
                    	<div id="help1" class="sec-nav">
                    	</div>
                    </div>
                    <div class="help-inner" tapmode="tap-active">
                    	<div class="frist-nav">
                    		<span class="btn-inner-text" menu="help2"></span>
                    		<i class="icon iconfont icon-gengduo1 more"></i>
                    	</div>
                    	<div id="help2" class="sec-nav">

                    	</div>
                    </div>
                    <div class="help-inner" tapmode="tap-active">
                    	<div class="frist-nav">
                    		<span class="btn-inner-text" menu="help3"></span>
                    		<i class="icon iconfont icon-gengduo1 more"></i>
                    	</div>
                    	<div id="help3" class="sec-nav">

                    	</div>
                    </div>
                    <div class="help-inner" tapmode="tap-active">
                    	<div class="frist-nav">
                    		<span class="btn-inner-text" menu="help4"></span>
                    		<i class="icon iconfont icon-gengduo1 more"></i>
                    	</div>
                    	<div id="help4" class="sec-nav">

                    	</div>
                    </div>
                    <div class="help-inner" tapmode="tap-active">
                        <div class="frist-nav">
                            <span class="btn-inner-text" menu="help5"></span>
                            <i class="icon iconfont icon-gengduo1 more"></i>
                        </div>
                        <div id="help5" class="sec-nav">

                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/zepto.js"></script>
<script src="../../script/common.js"></script>
<script>
    $.ajax({
        url : "http://www.aiyi5.com/getHelpType",
        type : "POST",
        async : false,
        dataType: 'json',
        error : function(errorMsg) {
        },
        success : function(data) {
            $.each(data,function(n, v) {
                $('[menu="' + v.name + '"]').html(v.val);
            });
        }
    });

    $.ajax({
        url : "http://www.aiyi5.com/getHelp",
        type : "POST",
        async : false,
        dataType: 'json',
        error : function(errorMsg) {
        },
        success : function(data) {
            $.each(data,function(n, v) {
              var temp = '<p onclick="openHelp(' + v.id + ', \'' + v.name + '\')"><span class="btn-inner-text">' + v.name + '</span>';
              temp += '<i class="icon iconfont icon-gengduo1 more"></i></p>';
              $('#' + v.type).append(temp);
            });
        }
    });

    function openHelp(id, title){
      openWin('help-content', {
        id: id,
        title: title,
      })
    }
</script>
</html>
